.personal {
    background-color: #fff;
    box-shadow: 0px 1px 5px 0px rgba(4, 4, 4, 0.3);
    overflow: hidden;

    .personalLeft {
        position: relative;
        float: left;
        width: 20%;
        height: 730px;
        overflow-y: auto;
        min-height: 620px;
        // border-right:1px solid #c7c7c7;
        background-color: #133a7c;

        .bootmImg {
            position: absolute;
            bottom: 5px;
            left: 0;
            display: block;
            width: 100%;
        }
    }
}

.personalLeft {
    padding-top:10px;
    background-image: linear-gradient(150deg, rgb(118, 160, 245) 0%, rgb(38, 106, 242) 100%);
    background-image: -moz-linear-gradient(150deg, rgb(118, 160, 245) 0%, rgb(38, 106, 242) 100%);
    background-image: -webkit-linear-gradient(150deg, rgb(118, 160, 245) 0%, rgb(38, 106, 242) 100%);
    background-image: -ms-linear-gradient(150deg, rgb(118, 160, 245) 0%, rgb(38, 106, 242) 100%);

    ul {
        li {
            // border-bottom:1px solid #95b3d0;
            display: block;
            line-height: 50px;
            text-align: left;
            color: #95b3d0;
            cursor: pointer;
        }

        .li2 {
            border-bottom: 0px solid #95b3d0;
        }
    }
}

.new_active {
    background-color: #dde3ec;
    border-left: 2px solid #0064f5;
}

.submitBtn {
    margin-top: 30px;
}

.personImg {
    display: block;
    width: 300px;
    margin: 80px auto 10px;
}

.personText {
    text-align: center;
    color: #c7c7c7;
    font-size: 14px;
}

.icon {
    margin-right: 5px;
}

.personalLeft ul li.router-link-active {
    background-color: #dde3ec;
    color: #0064f5;
}

.menuImg {
    display: inline-block;
    vertical-align: middle;
}

/deep/.el-menu-item.is-active {
    color: #0064f5;
    background-color: #dde3ec !important;
}

.el-menu-item svg {
    fill: #fff;
}

.el-menu-item i {
    color: #fff;
}

.el-submenu__title svg {
    fill: #95b3d0;
}

.iconfont {
    margin-right: 5px;
}

.el-menu-item.is-active svg {
    fill: #033899;
}

.rightBanner {
    display: block;
    width: 100%;
    height: 240px;
}

.mainRight {
    position: fixed;
    width: 370px;
    top: 30%;
    right: 0;
    z-index: 9999;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.13);
}

.rightTitle {
    margin-bottom: 12px;

    .textLine {
        background-color: #0064f5;
        width: 5px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
    }

    .text {
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
        margin-left: 10px;
        color: #0064f5;
    }
}

.newService {
    background-color: #f5f5f5;
    padding: 12px 15px;
    // margin-top: 10px;

    .servList {
        span {
            background-color: #fff;
            padding: 0 18px;
            line-height: 45px;
            margin-right: 10px;
            display: inline-block;
            margin-bottom: 14px;
            color: #333;
            cursor: pointer;
        }
    }
}

.shrinkBtn {
    width: 32px;
    height: 32px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    background-color: #409eff;
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 9999;
    cursor: pointer;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.13);
}

.shrinkBtn2 {
    width: 32px;
    height: 32px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    background-color: #409eff;
    position: fixed;
    right: 370px;
    top: 30%;
    z-index: 9999;
    cursor: pointer;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.13);
}

.servText {
    cursor: pointer;
}

.icon {
    color: #fff;
}

.el-menu {
    min-height: 420px;
}

/deep/.el-submenu__title i {
    color: #fff !important;
}
